<template>
  <div class="flex items-center justify-center min-h-screen bg-primary-300">
    <div class="text-center">
      <h1 class="text-4xl font-bold text-white mb-4">404</h1>
      <p class="text-gray-300 mb-8">页面不存在</p>
      <RouterLink 
        to="/" 
        class="px-6 py-2 bg-primary-500 text-white rounded-lg hover:bg-primary-600"
      >
        返回首页
      </RouterLink>
    </div>
  </div>
</template> 